<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-05-27 15:02:01
 * @LastEditors: Silence
 * @LastEditTime: 2023-05-30 20:57:18
-->
<template>
  <div class="home">
    <div class="box">
      <keep-alive :exclude="['Article', 'MyBox']" include="Like,Colloct"
        ><router-view></router-view
      ></keep-alive>
    </div>
    <van-tabbar v-model="active" route>
      <van-tabbar-item to="/article" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item to="/colloct" icon="search">收藏</van-tabbar-item>
      <van-tabbar-item to="/like" icon="friends-o">喜欢</van-tabbar-item>
      <van-tabbar-item to="/my" icon="setting-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.home {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  .box {
    flex: 1;
    overflow: scroll;
  }
}
</style>
